.ui-ears-wrapper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow: hidden;
	position: relative;
	max-height: 100%;
	max-width: 100%;
}

.ui-ear {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	z-index: 11;
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	pointer-events: none;
}

.ui-ears-wrapper.--grabbing .ui-ear {
	pointer-events: none;
}

.ui-ear-left,
.ui-ear-right {

	background-repeat: no-repeat;
	background-position: center;

	cursor: pointer;
	z-index: 11;
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.ui-ear-left,
.ui-ear-right {
	top: 0;
	bottom: 0;
	width: 49px;
}

.ui-ear-left {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='94'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23525C69' d='M2 0c25.957 0 47 21.043 47 47S27.957 94 2 94c-.67 0-1.337-.014-2-.042V.042C.663.014 1.33 0 2 0z'/%3E%3Cpath fill='%23FFF' d='M11.838 45.462l11.618-11.618a1 1 0 011.414 0l1.71 1.71a1 1 0 010 1.414l-9.247 9.246 9.247 9.248a1 1 0 010 1.414l-1.71 1.71a1 1 0 01-1.414 0L11.838 46.968a.996.996 0 01-.29-.648v-.21a.996.996 0 01.29-.648z'/%3E%3C/g%3E%3C/svg%3E");
	left: 0;
	margin-left: -50px;
}

.ui-ear-right {
	right: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='94'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23525C69' d='M49 93.958c-.663.028-1.33.042-2 .042C21.043 94 0 72.957 0 47S21.043 0 47 0c.67 0 1.337.014 2 .042v93.916z'/%3E%3Cpath fill='%23FFF' d='M31.667 46.215l-9.247 9.247a1 1 0 000 1.414l1.71 1.71a1 1 0 001.414 0l11.618-11.618a.997.997 0 00.292-.753.997.997 0 00-.292-.753L25.544 33.844a1 1 0 00-1.414 0l-1.71 1.71a1 1 0 000 1.414l9.247 9.247z'/%3E%3C/g%3E%3C/svg%3E");
	margin-right: -50px;
}

.ui-ear-top,
.ui-ear-bottom {
	left: 0;
	right: 0;
	height: 49px;
}

.ui-ear-top {
	top: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='95' height='50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M94.458.5c.028.663.042 1.33.042 2 0 25.957-21.043 47-47 47S.5 28.457.5 2.5c0-.67.014-1.337.042-2h93.916z' fill='%23525C69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.715 17.833l9.247 9.247a1 1 0 001.414 0l1.71-1.71a1 1 0 000-1.414L47.468 12.338a.997.997 0 00-.753-.292 1 1 0 00-.753.292L34.344 23.956a1 1 0 000 1.414l1.71 1.71a1 1 0 001.414 0l9.247-9.247z' fill='%23fff'/%3E%3C/svg%3E");
}

.ui-ear-bottom {
	bottom: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='95' height='50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.542 49.5a47.407 47.407 0 01-.042-2c0-25.957 21.043-47 47-47s47 21.043 47 47c0 .67-.014 1.337-.042 2H.542z' fill='%23525C69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.285 32.167l-9.247-9.247a1 1 0 00-1.414 0l-1.71 1.71a1 1 0 000 1.414l11.618 11.618a.997.997 0 00.753.292 1 1 0 00.753-.292l11.618-11.618a1 1 0 000-1.414l-1.71-1.71a1 1 0 00-1.414 0l-9.247 9.247z' fill='%23fff'/%3E%3C/svg%3E");
}


.ui-ear:hover {
	opacity: .3;
}

.ui-ear-show {
	opacity: .18;
}

.ui-ear-right.ui-ear-show {
	margin-right: 0;
	pointer-events: unset;
}

.ui-ear-left.ui-ear-show {
	margin-left: 0;
	pointer-events: unset;
}

.ui-ears-wrapper-sm .ui-ear {
	width: 37px;
}

.ui-ears-wrapper-sm .ui-ear-left,
.ui-ears-wrapper-sm .ui-ear-right {
	background-size: 37px 71px;
}

.ui-ears-wrapper-sm .ui-ear.ui-ear-top,
.ui-ears-wrapper-sm .ui-ear.ui-ear-bottom {
	width: unset;
	height: 37px;
	background-size: 71px 37px;
}

.ui-ears-wrapper-sm .ui-ear.ui-ear-top,
.ui-ears-wrapper-sm .ui-ear.ui-ear-bottom {
	width: unset;
	height: 37px;
	background-size: 71px 37px;
}

.ui-ear.ui-ear-top {
	margin-top: -50px;
}

.ui-ear.ui-ear-top.ui-ear-show {
	margin-top: 0;
	pointer-events: unset;
}

.ui-ear.ui-ear-bottom {
	margin-bottom: -50px;
}

.ui-ear.ui-ear-bottom.ui-ear-show {
	margin-bottom: 0;
	pointer-events: unset;
}

.ui-ear-container {
	white-space: nowrap;
}

.ui-ear-container > * {
	white-space: normal;
}

.ui-ear-container.--vertical {
	overflow-y: auto;
}

.ui-ear-container.--horizontal {
	overflow-x: auto;
}

.ui-ear-container-no-scrollbar::-webkit-scrollbar {
	display: none;
}

.ui-ear-container-no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}